<template>
  <div class="login-type-main">
    <div class="main-item">
      <div class="mi-login" style="width: 400px">
        <img src="@/assets/ipx-proxy-logo-l.png"/>
        <p>All over the world 230+ national and regional lines, daily update active IP over 70 million, 99% availability</p>
      </div>
      <div class="mi-foot">
        <div class="foot-item"><span>City/Country Selection</span></div>
        <div class="foot-item"><span>API entry</span></div>
        <div class="foot-item"><span>Https (s) /socks5</span></div>
        <div class="foot-item"><span>70 Million Rotating IP proxy pool</span></div>
        <div class="foot-item"><span>Unlimited Usage Time</span></div>
        <div class="foot-item"><span>Unlimitted Concurrent Sessions</span></div>
        <div class="foot-item"><span>Clean Residential Network</span></div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import { useRoute, useRouter } from 'vue-router';
  import { useUserStore } from '@/store/modules/user';

  const route = useRoute();
  const router = useRouter();
  const userStore = useUserStore();

  const getUserInfo = computed(() => {
    let userInfo = userStore.getUserInfo || {};
    return userInfo;
  });
</script>

<style scoped lang="scss"></style>
